<template>
	<view class="dispose-enterprise-detail">
		<titleName :name="name"></titleName>
		<view class="title-bgc"></view>
		<view class="enterprise-detail">
			<view class="main">
				<text>企业名称：</text>
				<text class="val">河南全会有限公司</text>
			</view>
			<view class="main">
				<text>排污许可证号：</text>
				<text class="val">314159265368979323</text>
			</view>
			<view class="main">
				<text>区域：</text>
				<text class="val">河南省郑州市</text>
			</view>
			<view class="main">
				<text>管辖地环保局：</text>
				<text class="val">环保局</text>
			</view>
			<view class="main">
				<text>详细地址：</text>
				<text class="val">河南省郑州市xxxxx</text>
			</view>
			<view class="main">
				<text>环保管理员1：</text>
				<text class="val">李强 12345678901</text>
			</view>
			<view class="main">
				<text>环保管理员2：</text>
				<text class="val">李国 12345678901</text>
			</view>
			<view class="main">
				<text>企业类型（以环评审批为准）：</text>
				<text class="val">家具制造</text>
			</view>
			<view class="main">
				<text>年产废规模：</text>
				<text class="val">10-100吨</text>
			</view>
			<view class="main">
				<text>排污许可证二维码:</text>
			</view>
			<view class="code-wrap">
				<image src="/static/erweima.png" mode=""></image>
			</view>
			<view class="btn-wrap">
				<button>开通申报</button>
				<button>关闭申报</button>
			</view>
		</view>

	</view>
</template>

<script setup>
	import titleName from '../../components/titleName.vue'
	import http from '../../request/index'
	import uploadFile from '../../request/uploadFile.js'
	import {
		onShow
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue'

	let name = "企业详情"
	onShow(() => {

	})
	let searchImage = (url) => {
		if(!url){
			uni.showToast({
				title:'暂无照片',
				icon:'none'
			})
			return
		}
		let imgUrl = url.split(',')
		
		uni.previewImage({
			urls: imgUrl,
			current: 0
		})
	}
</script>

<style lang="scss" scoped>
	.dispose-enterprise-detail {
		width: 100vw;
		height: 100vh;

		.title-bgc {
			width: 750rpx;
			height: 160rpx;
			background: #0874FA;
		}

		.enterprise-detail {
			
			height: calc(100vh - 160rpx);
			background-color: #fff;
			display: flex;
			flex-direction: column;
			overflow: scroll;
			padding-bottom: 43rpx;

			.btn-wrap {
				margin-top: 45rpx;
				display: flex;
				align-items: center;
				padding: 0 57rpx;
				justify-content: space-between;

				button {
					width: 299rpx;
					height: 88rpx;
					background: #0874FA;
					border-radius: 44rpx;
					font-weight: 500;
					font-size: 31rpx;
					color: #FFFFFF;
					line-height: 88rpx;

				}
			}

			.code-wrap {
				margin-top: 25rpx;
				width: 667rpx;
				height: 353rpx;
				background: #FFFFFF;
				border-radius: 14rpx;
				border: 1px dashed #BFBFBF;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-shrink: 0;
				margin-left: 41rpx;

				image {
					width: 304rpx;
					height: 235rpx;
				}
			}

			.main {
				margin-top: 35rpx;
				padding-left: 48rpx;
				padding-right: 45rpx;
				display: flex;
				justify-content: space-between;

				text {

					font-weight: 400;
					font-size: 31rpx;
					color: #666666;

				}

				.val {

					font-weight: 400;
					font-size: 33rpx;
					color: #333333;

				}
			}
		}
	}
</style>